<template>
    <div class="view-wrapper">
      <div class="table">
        <activityListNew v-if="currentNavtab == 0"></activityListNew>
      </div>
      <!-- </div> -->
    </div>
  </template>
    
  <script>
import OrderList from '@/views/assetPackage/tabBox/orderList.vue';
  import activityListNew from "./tabBox/activityListNew";
  import orderList from "./tabBox/orderList";
  import detailsList from "./tabBox/detailsList";

  
  export default {
    // dicts: ['equity_card_issue_type', 'equity_card_sell_status'], 
    name: "",
    components: {
      activityListNew,
      detailsList,
      orderList,
    },
    data() {
      return {
        currentNavtab: 0,
        typeList: [
          { id: 0, value: "赚卡列表" },
          { id: 1, value: "赚卡订单" },
          { id: 2, value: "赚卡明细" },
        ],
        settleNo: ''
      };
    },
    created() {
      
    },
    methods: {
      //切换选项
      handleTab(id) {
        this.currentNavtab = id;
        // this.getList();
      },
    },
  };
  </script>
    <style lang="scss" scoped>
  .tabs-body {
    background-color: #fff;
    // padding: 20px;
  }
  .nav_list {
    cursor: pointer;
  }
  .main_top {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    font-size: 14px;
    color: #333;
    background: #fff;
    border-radius: 6px;
    margin-bottom: 10px;
    padding: 20px 10px;
    .lef {
      display: flex;
      justify-content: flex-start;
      border: 1px solid #dfe6ec;
      .list {
        height: 40px;
        text-align: center;
        line-height: 40px;
        width: 140px;
        text-align: center;
        border-right: 1px solid #dfe6ec;
        background: #fff;
      }
      .list:nth-last-child(1) {
        border: none;
      }
      .active {
        background: #1890ff;
        color: #fff;
      }
    }
  }
  </style>
    